草庐IT

jQuery Mobile 页面

全部标签

javascript - PhantomJs 点击链接或运行页面功能

我刚刚开始习惯PhantomJs,到目前为止它真的很酷。我正在尝试抓取网站并获取有关网站上产品的数据。每个产品页面都加载了可见产品的默认颜色。当您单击色样时,它会通过运行一个函数来换出新颜色。每个可点击的色样元素如下所示:getColor更新该颜色的缩略图和价格。每种可用颜色(swatch_0、swatch_1等)的id递增,传递给getColor的参数也递增。我想用PhantomJs遍历每种颜色并为每种颜色提取相关数据。我已经加载了页面,加载了jQuery,并且可以提取初始加载颜色的数据,但似乎没有任何东西允许我执行点击事件。这是我正在尝试的:page.evalaute(functi

javascript - 定义页面更改之间的返回转换

我正在使用jQueryMobile的$.mobile.changePage(...)在我的项目中切换到不同页面的方法。$.mobile.changePage("#foo",{transition:"slide"});当我运行该方法时,转换效果很好,但是当我点击浏览器的返回按钮时,我看不到反向转换。我使用了http://jquerymobile.com/test/docs/api/methods.html中描述的一些参数但没有运气。特别设置reverse:true只是在前进到目标页面时反转了过渡,但是当我点击后退按钮时仍然没有过渡。更新:似乎看到data-rel="back"对通过定义的

javascript - 通过重复创建 polymer 滑动页面

我尝试通过模板重复使用滑动页面。Texttoswipe在我写的polymer中created:function(){console.log(this);this.values=[1,2,3];}它给我错误UncaughtTypeError:Cannotsetproperty'values'ofundefinedPolymer.createdPolymer.Base._addFeature._invokeBehaviorPolymer.Base._addFeature._doBehaviorPolymer.Base.createdCallbackwindow.Polymer(anonym

javascript - 将页面过渡淡入 anchor

我正在尝试在页面中平滑过渡到anchor。目的是当您单击指向anchor的链接时,页面淡出(滚动)并与调用的anchor本身一起淡入。我有这个标记,它正确地淡入/淡出,URL更改为被调用的anchor,但它不会滚动到被调用的元素$(document).ready(function(){$("a.transition").click(function(event){event.preventDefault();linkLocation=this.href;$(".container").fadeOut(500,redirectPage);});functionredirectPage()

javascript - 用户查看页面后启动 CSS3 转换?

我的主页顶部有一个CSS3动画,它会在页面加载后立即启动。问题是,如果用户在新选项卡中打开该页面但没有立即查看它,即使他们没有查看该页面,动画也会播放。有没有办法让动画仅在用户查看该页面后才开始播放?有点像如果您在另一个隐藏的选项卡中打开YouTube视频,它不会自动播放,直到您打开该选项卡。如果您在新选项卡中打开笔,CodePen也会执行相同的操作,直到您查看该选项卡,它才会启动 最佳答案 您需要使用可见性api:https://developer.mozilla.org/en-US/docs/Web/API/Page_Visib

javascript - 在页面加载时创建文本框和插入数据

我想知道如何在页面加载时创建文本框和插入数据。我想做的是从数据库中打开一个数组字符串,创建文本框并在页面加载时填充文本框。我有一个来自mssql数据库的数组字符串,看起来像这样test,test;bla;bla2;test44;test55;test66我用;分隔每个单独的数组,我想创建文本框并将值一个一个地插入文本框,因此最终结果如下所示:我不知道如何使用下面的代码。无论我尝试什么,我都会弄乱添加/删除功能,或者我最终会在单击加号按钮时克隆所有文本框。谢谢请参阅下面的代码或转到https://jsfiddle.net/kj3cwww0//problemvaluesarecleared

javascript - Coffee Script 不会在页面更改时触发,但会在页面加载时起作用。 [ rails 5]

我在我的Rails项目中使用CoffeeScript,但问题是它仅在我加载(刷新)页面时起作用,而不是在页面呈现时起作用,它也应该在页面View更改时起作用。这是我正在使用的脚本:facebook.js.coffeejQuery->$('body').prepend('')$.ajaxurl:"#{window.location.protocol}//connect.facebook.net/en_US/all.js"dataType:'script'cache:truewindow.fbAsyncInit=->FB.init(appId:env["app_id"],cookie:tr

javascript - 使用javascript在firefox中Grep一个页面

我正在编写一个扩展以在Firefox中提供grep功能。在我的工作场所,我们使用浏览器访问所有日志文件,而grep功能非常适合过滤结果,仅查看特定的日志记录级别(信息、警告、错误)等。已设置扩展样板。想知道我是否可以获得有关所需javascript的一些提示。在函数之后:functiongrepPage(regex){...}这会将正则表达式应用于firefox中加载的文本文件中的每一行,并将加载的文本文件更改为仅显示匹配的行。当我确信会有更简单的方法时,这是我可以花很长时间尝试解决的事情。如有任何帮助,我们将不胜感激。干杯,本 最佳答案

javascript - 操作页面内容时停止 javascript 闪烁?

当我制作的网站具有操纵页面的javascript,并且这种操纵发生在页面加载时,我经常会遇到令人讨厌的闪烁效果。例如,如果我有一个Accordion,则需要将全部内容加载为html,然后加载后可以用javascript将其包装起来。这意味着有一段时间可以看到全部内容,然后它会“闪烁”,因为其中一些内容被隐藏了。一种解决方案是使用css隐藏任何闪烁的内容,然后(根据需要)使用javascript显示它。问题是页面将无法为没有javascript的人正常工作。有没有更好的方法?谢谢 最佳答案 我认为通常的做法是尽快向主体添加一个“js”

javascript - 在 jQuery Mobile 中更改页面时闪烁的 UI

我正在使用jQueryMobile1.0。当我在iPhone中从一个页面移动到另一个页面时,第二页出现并闪烁然后显示第一页并完全移动到第二页。这个怎么修?提前致谢..更新:你可以查看http://gugl.org/page1.html举个例子。 最佳答案 我使用以下CSS代码解决了这个问题:.ui-mobile-viewport-transitioning,.ui-mobile-viewport-transitioning.ui-page{overflow:visible;}我在myblog中提到了更多.